iT邦幫忙

DAY 18
4

[鐵鷹練成]CodeIgniter + Bootstrap系列 第 15

[鐵鷹練成]CI之留言板[view]

  • 分享至 

  • xImage
  •  

今天就VIEW頁面完成,留言版後有時間在講分頁好了!
大約畫面

直接進入CODE模式

<?php
/*---------------------------------------*/
//........ 此頁面請放在view資料夾底下.......//
/*---------------------------------------*/
$link = 'http://localhost/test/';
?>

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>公佈欄</title>
<!--以下是 Bootstrap 的文件包-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<?=$link;?>css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="<?=$link;?>css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="<?=$link;?>js/jquery.js"></script>
<script src="<?=$link;?>js/bootstrap.min.js"></script>
<style>
#heig{
     height:10px;
}
#color{
     background-color: #E5E5E5;
}
</style>


<!--"container"為固定置中,請參考 http://kkbruce.tw/Bootstrap/Scaffolding 佈局篇-->
<div class="container">
  <p align="center"><h2 align="center"><strong>留言板</strong></h2></p>
  <form id="form1" name="form1" method="post" action="<?=$link;?>index1.php/gbook/AddGbook">
    <table width="1200" border="1"  class="table table-bordered table-condensed">
      <tr>
        <td id="color"><div id="heig"><strong>留言人:</strong>
            <input type="text" name="user" id="user" />
            <input name="time" type="hidden" id="time" value="<?=date('Y/m/d');?>" />
            </div>
        </td>
        <td id="color"><div align="center">
          <button class="btn" type="submit">留言</button>
        </div></td>
      </tr>
      <tr>
        <td colspan="2"><label>
          <div align="center">
            <textarea name="content" id="content" rows="3" class="span10"></textarea>
          </div>
        </label></td>
      </tr>
    </table>
  </form>
  <?php foreach($query->result_array() as $row):?>
  <table width="1200" border="1" class="table table-bordered table-condensed">
    <tr>
      <td id="color"><strong>
        <?=$row['user'];?>
      在  <?=$row['time'];?>  留言說:</strong></td>
    </tr>
    <tr>
      <td><?=$row['content'];?></td>
    </tr>
  </table>
  <?php endforeach; ?>
  <p> </p>
</div>

完成圖

待續.....


上一篇
[鐵鷹練成]CI之留言板[準備]
下一篇
[鐵鷹練成]CI之留言板[controllers+model]
系列文
[鐵鷹練成]CodeIgniter + Bootstrap31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
鐵殼心
iT邦高手 1 級 ‧ 2013-10-03 21:26:31

沙發
拍手

謝謝

0
卡斯
iT邦研究生 1 級 ‧ 2013-10-03 23:51:53

讚

謝謝

我要留言

立即登入留言